<Card
  title="YouTube"
  icon={
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlSpace="preserve"
      width={24}
      height={24}
      viewBox="0 0 234.667 165.333"
      {...props}
    >
      <path
        d="m1723.22 1046.37c-20.24 76.22-79.87 136.24-155.6 156.61C1430.37 1240 880 1240 880 1240s-550.367 0-687.621-37.02c-75.723-20.37-135.363-80.39-155.602-156.61C0 908.227 0 620 0 620s0-288.223 36.777-426.379c20.239-76.211 79.879-136.23 155.602-156.61C329.633 0 880 0 880 0s550.37 0 687.62 37.012c75.73 20.379 135.36 80.398 155.6 156.609C1760 331.777 1760 620 1760 620s0 288.227-36.78 426.37"
        style={{
          fill: "#ed1d24",
          fillOpacity: 1,
          fillRule: "nonzero",
          stroke: "none",
        }}
        transform="matrix(.13333 0 0 -.13333 0 165.333)"
      />
      <path
        d="m700 358.313 460 261.675-460 261.7z"
        style={{
          fill: "#fff",
          fillOpacity: 1,
          fillRule: "nonzero",
          stroke: "none",
        }}
        transform="matrix(.13333 0 0 -.13333 0 165.333)"
      />
    </svg>
  }
  href="/mcp-server/youtube"
></Card> 